﻿/* CSSTerm.com Flyout CSS menu */
 
#flyout_menu {
font-weight: 600;
width: 200px; }
 
#flyout_menu ul, li {
list-style: none;
margin: 0;
padding: 0;
}
 
#flyout_menu ul li.hover,
#flyout_menu ul li:hover { position: relative; z-index: 599; }
 
#flyout_menu ul ul{
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
}
 
#flyout_menu ul li:hover > ul { visibility: visible; }
 
#flyout_menu ul ul { top: 0; left: 100%; }
 
#flyout_menu span, #flyout_menu a {
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none; }
 
#flyout_menu li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }
#flyout_menu li:hover, #flyout_menu li.active { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }
 
#flyout_menu a {
color: #FFF;
line-height: 160%;
 }
#flyout_menu ul ul {
    border: 1px solid #ccc;
}
#flyout_menu ul ul li {
background: #fff;
color:#565656;
border-bottom: 1px solid #ccc;
padding: 10px;
min-width: 184px;
text-align:left;
}
#flyout_menu ul ul li a{
    color:#565656;
}
 
#flyout_menu ul ul li:hover { background: #eee; }